<template>
    <div class="main main_bg" :style="$store.state.isApp?'paddingTop:0':'paddingTop:1.2rem'">
      <gltitle :titleSize="titleSize" :is_mt="is_mt" v-if="!$store.state.isApp" ></gltitle>


      <div class="doc_box">
        <div class="container">
          <div class="logo tac">
            <img src="../../assets/images/logo.png" alt="">
          </div>
          <div class="boxshadow" v-show="$route.query.type != 1">
            <div class="db">
              <div class="flex">
                {{$t('about.txt')}}
              </div>
              <div class="str c-999">{{$route.query.appVersion}}</div>
            </div>
          </div>
          <div class="cont" v-html="datainfo">

          </div>
        </div>
      </div>
    </div>
</template>
<script>


  export default {
  data(){
    return {
      it:0,
      if_check:false,
      titleSize:'',
      is_mt:true,
      // titleRight: "<img src=" + require("../../public/images/ico_10_10.png") + ">"
      datainfo:''

    }
  },

    created() {

    },
    mounted() {
      this.$post(this.URL.member.article_detail,{
        categoryType:"ABOUT"
      }).then((res) => {
        if (res.code == 0) {
          this.titleSize=res.data.title;
          document.title=res.data.title;
          this.datainfo = res.data.description;
        }
      });

    },
    methods: {
      preserve(){

      }

    },


}

</script>


<style lang="less" scoped>
  #app {
    .doc_box {
      .logo {
        padding: .6rem 0;
        img {
          height: 1.9rem;
        }
      }
      .boxshadow {
        height: 1rem;
        line-height: 1rem;
        padding: 0 .34rem;
        font-size: .3rem;
        margin-bottom: .3rem;
      }
      .cont {
        line-height: 1.5;
        padding-bottom: .4rem;
      }
    }

  }
</style>
